

.bs-slider{

    overflow: hidden;

    position: relative;

    background: #000000;

}

.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.1);

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100%;

}



/********************

*****Slide effect

**********************/



.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}













/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

    top: 47%;

    opacity: 0;

    width: 45px;

    height: 45px;

    z-index: 100;

    color: #ffffff;

    display: block;

    font-size: 24px;

    cursor: pointer;

    overflow: hidden;

    line-height: 43px;

    text-shadow: none;

    position: absolute;

    font-weight: normal;

    background: transparent;

    -webkit-border-radius: 100px;

    border-radius: 100px;

	text-align:center;

}

.control-round:hover .carousel-control{

    opacity: 1;

}

.control-round .carousel-control.left {

    left: 1%;

}

.control-round .carousel-control.right {

    right: 1%;

}

.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    color: #fdfdfd;

    background: rgba(0, 0, 0, 0.5);

    border: 0px transparent;

}

.control-round .carousel-control.left>span:nth-child(1){

    left: 45%;

}

.control-round .carousel-control.right>span:nth-child(1){

    right: 45%;

}











/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    right: 45%;

    bottom: 3%;

    left: auto;

    width: 90%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;

}

.indicators-line > .carousel-indicators li{

    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(158, 158, 158);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background: rgb(158, 158, 158);

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    z-index: 10;

    cursor:pointer;

}

.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

    margin: 1px 5px 1px 1px;

    box-shadow: 0 0 0 2px #fff;

    background-color: transparent;

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;



}

.indicators-line > .carousel-indicators .active:before{

    transform: scale(0.5);

    background-color: #fff;

    content:"";

    position: absolute;

    left:-1px;

    top:-1px;

    width:15px;

    height: 15px;

    border-radius: 50%;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}







/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: right !important;

}

.slide_style_center {

    text-align: center !important;

}



.slide-text {

    top: 50%;

    margin: auto;

    padding: 10px;

    position: absolute;

    text-align: left;

    padding: 10px 85px;

    

}



.slide-text > h1 {

	font-family:"微软雅黑";

	font-weight:normal;

    padding: 0;

    color: #ffffff;

    font-size: 22px;

    font-style: normal;

    line-height: 40px;

    margin-bottom: 10px;

    letter-spacing: 1px;

    display: inline-block;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

}

.slide-text > p {

	font-family:"微软雅黑";

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 40px;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}

.slide-text > a.btn-default{

    color: #000;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;



}

.slide-text > a.btn-primary{

    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: #00bfff;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}

.slide-text > a:hover,

.slide-text > a:active {

    color: #ffffff;

    background: #222222;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}





.wz1{top:70%; right:12%}

.lf10{ left:10%}





/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 768px) {

	  .bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: autos;

	height:auto;

	width:100%;

	overflow:hidden;

}

.fade .item:first-child {

	width:100%;

	height:100%;

    top: auto;

    position: relative;

	overflow:hidden;

}

.bs-slider{

	width:100%;

	height:100%;

	overflow:hidden;

	}

	

.carousel-inner{

	width:100%;

	height:100%;

	overflow:hidden;

	}

.mou{ left:45%;}

.wz1{top:40%; right:12%; width:100%;}

.wz1 p img{ max-width:320px;}

.container{ width:100%;}

.row{ width:100%;}

.row p{ width:100%;}

.slide-text{top:30%;}

.lf10{ left:0}

.lf10 img{max-width:320px;}

.inner{ width:98%;}

.fa_a{ margin-top:10px; width:100%; }

.fa_b{ margin-top:10px; width:100%;max-height:130px;}

.fb_a{ margin-top:10px; width:100%;}

.fa_a img{  width:100%;}

.fb_b{ margin-top:10px; width:100%; }
.w100{ display:none;}.w200{ display:block;}
.fc_a{ margin-top:10px; width:100%;}

.fcmar{ margin-left:0; margin-right:0;}

.foot{background-image:url(../images/footbg.jpg) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; margin-top:10px; padding-top:10px; padding-bottom:10px;}

.foota{ width:100%;}
.nlx{ padding:0px;}
.ftimg{ width:90%;}

.foota img{ margin-bottom:10px;}

.foota form{ margin-top:10px; padding-top:10px; width:99%}

#tj{ width:100%;}

.yc{ display:none;}

.foota input{ width:100%;}

.footb span{ display:block; width:100%; padding:0px 5px; line-height:30px; font-size:12px; text-align:left;}

.page-block-name h3{ font-size:1.5em;}

.page-block-name p{ font-size:1.2em;}

.company{ padding-top:80px;}

.company .content ul{ width:100%; margin:0;}

.company .content li{ width:96%;}

.ct1{ width:100%;}

.ct2{ width:100%;}

.newslist ul li p{ width:30%; font-size:14px; line-height:2em;}

.newslist ul li p span{ font-size:12px;}

.newslist ul li b{ font-size:1em;}

.newslist ul li dl{ display:none;}



.newsnav{ width:100%; text-align:center;}

.newsnav ul li{ width:30%; height:40px; border-bottom-right-radius: 10px;border-top-left-radius: 10px;

text-transform: capitalize; background:#c90902; line-height:40px;

transition: all 0.30s linear;margin:10px 1.5%; float:left;}

.newsnav ul li a{ color:#fff;}

.mzcont dl{ width:100%; float:left;}

	.mzcont dt,.mzcont dd{ width:100%;}

	.mzcont dt img,.mzcont dd img{ width:100%; float:left;}

	.mzcont dt h1,.mzcont dd h1{ font-size:1em; font-weight:normal; margin-top:10px; }

	.mzcont dt p,.mzcont dd p{ font-size:.8em;}

	.mzcont dd{ margin-bottom:10px; border-bottom:1px solid #999; padding-bottom:10px;}

	.mzc1{ background:#c51321;}.mzc2{ background:#ffb100;}.mzc3{ background:#25c885;}.mzfc{ color:#fff;}

	.mztl{ text-align:right;}

	.mztr{ text-align:left;}

	.mzpr{ padding-right:10px;}

	.mzpl{ padding-left:10px;}

	.mzlin30{ line-height:1.5em; margin-top:10px;}
	#leftsead{ display:none}
	.fa_btxt{ width:30%;}
	.fa_atxt{ width:30%;}
	.culture-list li h4{ font-size:1em;}
	.culture-list li p{ font-size:.8em;}
	.newspic{ display:none;}
	.foota p{ font-size:0.8em; padding-left:12%;}
	.mztit{ display:none;}
	.mzcont dd{ height:auto; padding-bottom:30px;}
	.sjban{ display:block;}
	.wyban{ display:none;}
    
	.bdmap{width:100%;height:250px;border:#ccc solid 1px;font-size:12px; float:left; }
	.nlxa{ width:100%; float:left;padding-top:10px; margin:0px;}
	.nlxa p{ line-height:38px; font-size:14px;}
	.nlxb{ width:100%; float:left;}
	.nlxb img{ width:100%;}
	.lxwm{ padding-bottom:20px;}
 }
@media (max-width: 1700px){
	.inner{ width:90%;}
	}
@media (max-width: 991px) {

    .slide-text h1 {

        font-size: 40px;

        line-height: 50px;

        margin-bottom: 20px;

    }

    .slide-text > p {



        font-size: 18px;

    }

}





/*---------- MEDIA 480px ----------*/

@media  (max-width: 768px) {



    .slide-text h1 {

        font-size: 30px;

        line-height: 40px;

        margin-bottom: 10px;

    }

    .slide-text > p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .control-round .carousel-control{

        display: none;

    }

    .bs-slider > .carousel-inner > .item > a > img {

    margin: autos;

	height:100%;

	width:auto;

}

}

@media  (max-width: 480px) {

 

    .slide-text h1 {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 5px;

    }

    .slide-text > p {

        font-size: 12px;

        line-height: 18px;

        margin-bottom: 10px;

    }

    .slide-text > a.btn-default, 

    .slide-text > a.btn-primary {

        font-size: 10px;

        line-height: 10px;

        margin-right: 10px;

        text-align: center;

        padding: 10px 15px;

    }

    .indicators-line > .carousel-indicators{

        display: none;

    }

    .bs-slider > .carousel-inner > .item > a > img {

    margin: autos;

	height:100%;

	width:auto;

}

